<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--====== USEFULL META ======-->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--====== TITLE TAG ======-->
<title>登录</title>
<link rel="shortcut icon" type="image/ico" href="images/favicon.png" th:href="@{/images/favicon.png}"/>
<!--====== STYLESHEETS ======-->
<link rel="stylesheet" href="css/font-awesome-min.css" th:href="@{/css/font-awesome-min.css}">
<link rel="stylesheet" href="css/bootstrap-min.css" th:href="@{/css/bootstrap-min.css}">
<link rel="stylesheet" href="css/normalize.css" th:href="@{/css/normalize.css}">
<link rel="stylesheet" href="css/animate.css" th:href="@{/css/animate.css}">
<link rel="stylesheet" href="css/lity.css" th:href="@{/css/lity.css}">
<link rel="stylesheet" href="css/slick-nav.css" th:href="@{/css/slick-nav.css}">
<link rel="stylesheet" href="css/slick-slider.css" th:href="@{/css/slick-slider.css}">
<link rel="stylesheet" href="css/theme.css" th:href="@{/css/theme.css}">
<link rel="stylesheet" href="css/signin.css" th:href="@{/css/signin.css}"/>
<!--====== MAIN STYLESHEET ======-->
<link href="style.css" rel="stylesheet" th:href="@{/style.css}">
<link href="css/responsive.css" rel="stylesheet" th:href="@{/css/responsive.css}">
<script src="js/vendor/modernizr.js"></script>
</head>

<body data-spy="scroll" data-target=".mainmenu-area" data-offset="50">

<!-- Page cursor -->
<div class='cursor' id="cursor"></div>
<div class='cursor2' id="cursor2"></div>
<div class='cursor3' id="cursor3"></div>
<!-- Preloader-Content -->
<div class="preloader">
	<img th:src="@{/images/preloader.gif}" src="images/preloader.gif" alt="preloader">
</div>
<!-- Popup-Search-Form -->

<!-- Popup-Search-Form-End -->
<!-- Full-Wrapper-Start -->
<div class="full-wrapper">
	<!-- Mainmenu-Area-Start -->
	<div th:replace="~{commons/bar :: topbar}"></div>

	
		<form  class="form-signin" action="dashboard.html" th:action="@{/userLogin}" th:method="post" >
			<h1 class="h3  ">请 登 录</h1>
			<!-- 用户登录错误信息提示框 -->
			<div th:if="${param.error}" style="color: red;height: 40px;text-align: left;font-size: 1.1em">
				<!--判断当前参数error是否有值，有的话代表用户登录失败-->
				<img th:src="@{/images/loginError.jpg}" th:width="20px" />用户名或密码错误，请重新登录！
			</div>
			<input style="margin-bottom: 15px;" type=""  class="form-control" name="phoneNumber" placeholder="手机号/用户名" required="" >
			
			<input type="password" class="form-control" name="pwd" placeholder="密码" required="">
			<div class="checkbox mb-3">
			<label style="float: left;">
          		<input type="checkbox" name="rememberme"> 记住我
        	</label>
			<label style="float: right;">
				<a th:href="@{/change/forgetpasw}" href="#">忘记密码</a>
			</label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">登 录</button>
			<a th:href="@{/register}" href="register.html"><button type="button" class="btn btn-info btn-primary register1" >注 册</button></a>
		</form>




	
	<footer style="position: fixed;" class="footer-area rboom">
		
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 text-center">
						<div class="copyright">
							<p>Copyright &copy; 2020. Bi Jia Wang All rights reserved.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<form id="zx" action="/mylogout" th:action="@{/mylogout}" th:method="post">

	</form>
</div>
<!-- Full-Wrapper-End -->
<!--=======  SCRIPTS =======-->
<script th:src="@{/js/vendor/jquery-min.js}" src="js/vendor/jquery-min.js"></script>
<!--=======  PLUGINS =======-->
<script th:src="@{/js/popper-min.js}" src="js/popper-min.js"></script>
<script th:src="@{/js/bootstrap-min.js}" src="js/bootstrap-min.js"></script>
<script th:src="@{/js/lity-min.js}" src="js/lity-min.js"></script>
<script th:src="@{/js/slick-slider-min.js}" src="js/slick-slider-min.js"></script>
<script th:src="@{/js/slick-nav.js}" src="js/slick-nav.js"></script>
<script th:src="@{/js/wow-min.js}" src="js/wow-min.js"></script>
<!--<script th:src="@{/js/ajaxchimp.js}" src="js/ajaxchimp.js"></script>-->
<!--=======  ACTIVE JS =======-->
<script th:src="@{/js/script.js}" src="js/script.js"></script>
<script>
	function abc() {
		$("#zx").submit();
	}
</script>
</body>

</html>
